import { PageContainer } from '@ant-design/pro-layout';
import { useRef } from 'react';
import styles from './index.less';
export default function Page() {
  return (
    <PageContainer title="查看">
      <div className={styles.webPage}>
        <div className={styles.mainTitle}>
          <div>2023年三门峡市市直机关公开遴选公务员</div>
          <div style={{ padding: '10px' }}>面 试 通 知 单</div>
        </div>
        <div className={styles.printPage}>
          <div className={styles.user}>
            <div className={styles.left}>
              <div className={styles.row}>
                <div className={styles.label} style={{ width: '200px' }}>
                  姓&nbsp;&nbsp;&nbsp;&nbsp;名
                </div>
                <div className={styles.value} style={{ width: '200px' }}>
                  &nbsp;&nbsp;
                </div>
                <div className={styles.label} style={{ width: '100px' }}>
                  性&nbsp;&nbsp;&nbsp;&nbsp;别
                </div>
                <div className={`${styles.value} ${styles.sex}`}>&nbsp;&nbsp;</div>
              </div>
              <div className={styles.row}>
                <div className={styles.label}>身份证号</div>
                <div className={styles.value}>&nbsp;&nbsp;</div>
              </div>
              <div className={styles.row}>
                <div className={styles.label}>笔试准考证号</div>
                <div className={styles.value}>&nbsp;&nbsp;</div>
              </div>
              <div className={styles.row}>
                <div className={styles.label}>职位类别</div>
                <div className={styles.value}>&nbsp;&nbsp;</div>
              </div>
            </div>
            <div className={styles.photo}>
              {/* <img src={`/image${user?.photographId}`} alt="" /> */}
            </div>
          </div>
          <div className={styles.row}>
            <div className={styles.label}>面试报到组别</div>
            <div className={styles.valueOne}>&nbsp;&nbsp;</div>
          </div>
          <div className={styles.row}>
            <div className={styles.label}>考点名称</div>
            <div className={styles.valueOne}>&nbsp;&nbsp;</div>
          </div>
          <div className={styles.row}>
            <div className={styles.label}>考点地址</div>
            <div className={styles.valueOne}>&nbsp;&nbsp;</div>
          </div>
          <div className={styles.row} style={{ borderBottom: 'none' }}>
            <div className={styles.label}>集合时间</div>
            <div className={styles.valueOne}>&nbsp;&nbsp;</div>
          </div>
          <div className={styles.tip}>
            <div className={styles.tiptitle}>温馨提示</div>
            <div className={styles.content}>
              <span>
                一、面试人员凭本人有效身份证、笔试准考证、面试通知单，在规定时间内按面试程序及要求参加面试，逾期未到的，按主动放弃处理。
              </span>
              <span>二、面试人员要自觉遵守面试纪律及考试秩序，全程佩戴口罩，面试环节可摘下。</span>
              <span>
                三、资格审查工作贯穿考试录用各环节，在各环节发现应试者不符合报考资格条件的，按规定取消报考资格或录用资格。
              </span>
              <span>
                四、进入各环节人员名单及注意事项均通过三门峡党建网发布，不再通过其他方式通知应试者，请大家及时关注网站公告。
              </span>
            </div>
          </div>
        </div>
      </div>
    </PageContainer>
  );
}
